<template>
<div class="box" v-if="showPage">
  <span class="title">专项工作</span>
  <special></special>
  <!-- <Tabs v-model="tabKey" class="tabs-app">
    <TabPane label="专项管理" name="inner" class="tab-pane">
      <special></special>
    </TabPane>
  </Tabs> -->
</div>
</template>

<script>
import special from './special.vue'
import coverDetail from '@/components/ListView/coverDetail.vue'
import coverApi from '../../api/cover'

export default {
  name: 'dataSummary',
  components: {
    special
  },
   data() {
    return {
      tabKey: 'inner',
      showPage: false
    }
  },
  created() {
    this.$store.dispatch('getUserBu')
    this.$store.dispatch('getBuList')
    this.$store.dispatch('getBuUnit')
    if (this.$route.query.bindId && this.$route.query.type == 'status') {
      coverApi.gatTableInfo({bindId: this.bindId}).then(res=> {
        let info = res.data.data[0]
        new this.$sidelipPage(
          coverDetail,
          {
            props: {
              title: info.trgNode + '关键业务环节数字化覆盖度' + '_'+ '现状表' + '_' + (info.reportCycle || ''),
              id: '',
              tableType: 'status',
              trgNode: info.trgNode,
              reportCycle: info.reportCycle,
              bindId: this.$route.query.bindId,
              rptType: info.rptType,
            }
          },
          data => {
            data && this.searchValueSet()
          }
        )
        this.showPage = true
      })
    } else {
      this.showPage = true
    }
  }
}
</script>
<style lang="less" scoped>
.box {
  display: flex;
  flex-direction: column;
  .tabs-app {
    flex: 1;
    display: flex;
    flex-direction: column;
    /deep/.ivu-tabs-content {
      flex: 1;
    }
  }
}
.title {
  font-size: 18px;
  font-weight: bold;
  padding: 14px;
  
}
/deep/.single-table-con {
    height: 100%;
    display: flex;
    flex-direction: column;
    
}
</style> 
